<template>
    <div class="accountSecurity">
        <van-cell-group>
            <van-cell title="登录密码" :value="password?'******':'未设置'" to="/settings/Authentication" is-link />
            <van-cell title="支付密码" value="未设置" is-link />
            <van-cell title="小额免密支付" is-link />
            <van-cell title="注销账号" value="注销后账号无法恢复，请精神操作" is-link />
        </van-cell-group>
    </div>
</template>

<script>
import { onMounted, reactive, ref, toRefs } from 'vue';
import { useStore } from 'vuex';
export default {
    name:'AccountSecurity',
    setup(){
        const store = useStore();
        const token = reactive(JSON.parse(store.state.token));
        const { password } = toRefs(token);
        return{
            password
        }
    }
}
</script>

<style>
.accountSecurity{
    display: flex;
    flex-direction: column;
    padding-top: 50px;
}
.accountSecurity .van-cell-group{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.accountSecurity .van-cell-group .van-cell .van-cell__right-icon{font-size: 14px;}
</style>